
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="../../css/main.css" rel="stylesheet" type="text/css" />

</head>

<body>
<h1 class="h1_style"><i class="i_h1"></i> 个人资料填写</h1>
<div class="div_left">

    <form id="form_demo"  class="form_b">
        <p class="form_p"><label class="form_label">编号：</label><input type="text" class="form_input1 readonly" readonly="readonly"><i class="i_start"></i><a class="a_note">自动生成</a> </p>
        <p class="form_p"><label class="form_label">姓名：</label><input type="text" class="form_input1 " minlength="2"  required name="name"><i class="i_start"></i> </p>
        <p class="form_p"><label class="form_label">电子邮件：</label><input type="email" class="form_input1 " name="email" required  ><i class="i_start"></i> </p>
        <p class="form_p"><label class="form_label">电话号码：</label><input type="number" class="form_input1 " name="digits" ><a class="a_note">必须为数字</a></p>
        <p class="form_p"><label class="form_label">密码：</label><input type="password" class="form_input1 " minlength="6" required  name="pass"><i class="i_start"></i><a class="a_note">最小６位</a> </p>
        <p class="form_p"><label class="form_label">职业：</label><select class="form_select">
            <option>xxz</option>
            <option>xxxx</option>
        </select></p>
        <p class="form_p"><label class="form_label">性别：</label><input type="radio" class="form_radio" checked="checked"><a class="form_a">男</a> <input type="radio" class="form_radio"><a  class="form_a"> 女</a></p>
        <p class="form_p"><label class="form_label">区域：</label><input type="checkbox" class="form_check" checked="checked"/><a class="form_a">区域一</a><input type="checkbox" class="form_check"/><a class="form_a">区域二</a><input type="checkbox" class="form_check"/><a class="form_a">区域三</a></p>
        <p class="form_p"><label class="form_label">日期：</label><input  class="form_date" id="demo"/></p>
        <p class="form_p"><label class="form_label">内容：</label><textarea class="text_area1" ></textarea></p>
    </form>
    <div class="clear"></div>

</div>

<div class="div_right">
    <p class="p_padd"><img src="../../image/ph_list.png"/></p>
    <p class="p_padd"><input type="button" class="but_upload" value="点击上传图片"/></p>
    <p class="p_text">图片为必填写项</p>
    <p class="p_text1">上传图片不能大于1M，图片格式为：jpg,png,tif,pneg,tiff格式。</p>
</div>
<div class="clear"></div>
<form id="form_demo1"  class="form_b">    <p class="but_p"><input type="submit" value="保存" class="but_save"/><input type="button" value="取消" class="but_close" id="close"> </p></form>

<script src="../../js/jquery.js"></script>

<script src="../../js/date/js/laydate.js"></script>
<script src="../../js/jquery-validation-1.14.0/dist/jquery.validate.min.js" charset="utf-8"></script>
<script src="../../js/jquery-validation-1.14.0/dist/localization/messages_zh.js" charset="utf-8"></script>
<script>
    !function(){
        laydate.skin('danlan');//
        laydate({elem: '#demo'});
        laydate({elem: '#demo1'});//
    }();
</script>
<script >
    $.validator.setDefaults({
        submitHandler: function() {
            alert("修改成功");
        }
    });
    $().ready(function() {
        $(".form_b").validate();
    });
</script>
</body>
</html>
